<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>lightbox.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    
    <style type="text/css">
		body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
	</style>

  </head>
  
  <body>
    This is my HTML page. <br>
    <a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
    
    <br/>
    <div class="thumbnail">
		<a title="这是第一张图片！" rel="lightbox[plants]" href="images/image-1.jpg"><img height="40" width="100" alt="Plants: image 1 0f 3 thumb" src="images/thumb-1.jpg"></a>
		<a title="这是第二张图片！" rel="lightbox[plants]" href="images/image-2.jpg"><img height="40" width="100" alt="Plants: image 2 0f 3 thumb" src="images/thumb-1.jpg"></a>
		<a title="这是第三张图片！" rel="lightbox[plants]" href="images/image-3.jpg"><img height="40" width="100" alt="Plants: image 3 0f 3 thumb" src="images/thumb-1.jpg"></a>
	</div>
  </body>
</html>
